<script setup>
import {onMounted, ref} from "vue";
import {createOrg, deleteOrg, listOrg, listOrgTree, updateOrg} from "../../../http/manage/org.js";
import {manageStore} from "../../../stores/counter.js";
import {accountDetails} from "../../../http/login/currentAccount.js";

let account = ref({})

onMounted(() => {
  accountDetails().then(response => {
    account.value = response.data
  })
})

</script>

<template>
  <div style="display: flex; flex-flow: column nowrap; width: 100%; height: 100%; overflow: hidden; padding-left: 5px; padding-right: 5px">
    <el-descriptions border title="Account Info">
      <el-descriptions-item label="Username">{{ account.username}}</el-descriptions-item>
      <el-descriptions-item label="Status">{{ account.status }}</el-descriptions-item>
      <el-descriptions-item label="Sort">{{ account.sort }}</el-descriptions-item>
    </el-descriptions>
  </div>
</template>

<style scoped>

</style>